<template>
  <div class="param-info" v-if="tracks.length !== 0">
    <table>
      <tr v-for="(item, i) in tracks" :key="i">
        <td>{{item.al.name}}</td>
        <td>{{item.ar[0].name}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: 'DetailParamInfo',
    props: {
      tracks: {
        type: Array,
        default() {
          return []
        }
      }
    }
  }
</script>

<style scoped>
  .param-info {
    padding: 20px 5px;
    border-bottom: 5px solid #eee;
  }

  table {
    /* 设置这个属性才能给tr设置边框 */
    border-collapse: collapse;
  }

  table tr {
    border-bottom: 1px solid #eee;
  }

  table tr td {
    padding: 10px;
  }
</style>